<script setup lang="ts"></script>

<template>
  <div class="q-gutter-xs">
    <t-link
      class="tr-link-form"
			style="width: 328px;"
      label="链接"
      labelPosition="left"
      href="https://www.baidu.com"
      linkName="https://www.baidu.com"
      required
      tabIndex="0"
    ></t-link>

    <t-link
      class="tr-link-form"
      label="isShowUnderlineHover"
      :hideLabel="false"
      labelPosition="top"
      linkName="isShowUnderlineHover"
      href="https://www.baidu.com"
      isShowUnderlineHover
      tabIndex="2"
    ></t-link>

    <t-link
      linkName="isShowUnderline"
      href="https://www.baidu.com"
      label="isShowUnderline"
      :hideLabel="false"
      tabIndex="1"
    ></t-link>
    <t-link
      label="link"
      :hideLabel="false"
      linkName="链接名字111"
      href="https://www.baidu.com"
      tabIndex="2"
      :visible='false'

    ></t-link>
    <t-link
      label="link"
      :hideLabel="false"
      isLinkTargetBlank
      linkName="链接名字"
      href="https://www.baidu.com"
    ></t-link>
    <t-link
      label="link"
      :hideLabel="true"
      labelPosition="top"
      :isShowUnderline="true"
      :isLinkTargetBlank="true"
      linkName="链接名字"
      href="https://www.baidu.com"
    ></t-link>
  </div>
</template>

<style lang="less"></style>
